<template>
	<view class="tip" @tap="tapTip(data.url)">
		<u-icon :name="data.icon" :color="data.icon_color" size="28"></u-icon>
		<text class="tip_conter">{{data.title}}</text>
		<u-icon v-if="!data.isShow" class="tip_right" name="arrow-right" color="#2979ff" size="28"></u-icon>
	</view>
</template>

<script>
	export default {
		props: {
			data: {
				type: Object,
				default: {}
			}
		},
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			tapTip(e) {
				if (e) {
					uni.navigateTo({
						url: e
					})
				}
				console.log(e,"----")
			}
		},
	}
</script>

<style>
	.tip {
		padding: 20rpx;
		background-color: #FFFFFF;
		border-bottom: 2rpx solid #f3ebeb;
	}

	.tip_conter {
		margin-left: 20rpx;
	}

	.tip_right {
		float: right;
	}
</style>
